<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

	<head>
		<th:block th:include="include :: header('模型设计')" />
		<!-- 先引入 Vue -->
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<!-- 引入 http-vue-loader -->
		<script src="https://unpkg.com/http-vue-loader"></script>
	</head>

	<body class="gray-bg">
		<h1>app test 页面</h1>
		<div id="app">
			<my-component></my-component>
		</div>


		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script>
			// 使用httpVueLoader
			Vue.use(httpVueLoader);
			var dagApp = new Vue({
				el: '#app',
				data: function() {
					return {
						visible: false
					}
				},
				components: {
					// 将组建加入组建库
					'my-component': 'url:./component/my-component.vue'
				}
			})
		</script>


		<th:block th:include="include :: footer" />
		<script th:inline="javascript"></script>
	</body>

</html>
